<!-- contain BEGIN -->
<div class="right-product right-full animate-time" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }">
    <div class="center-back right-back">

        <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '系统管理', 'threeLevel' : '任务管理' }"></app-breadcrumb>

        <!-- 操作 BEGIN -->
        <div class="button-group">
            <button type="button" class="btn btn-default btn-md" data-toggle="modal" data-target="#add" *ngIf="right['task']['create']">
                <span class="glyphicon glyphicon-plus"></span> 新增
            </button>
            <button type="button" class="btn btn-default btn-md yellow"
                data-toggle="modal" data-target="#delete" [disabled]="isSelect" (click)="reduction()" *ngIf="right['task']['batchDelete']">
                <span class="glyphicon glyphicon-trash"></span> 批量删除
            </button>
            <button type="button" class="btn btn-default btn-md" (click)="opencloseservice(1)" [disabled]="isSelect" (click)="reduction()" *ngIf="right['task']['batchEnable']">
            <span class="glyphicon glyphicon-ok-circle"></span> 开启服务
            </button>
            <button type="button" class="btn btn-default btn-md redbtn" (click)="opencloseservice(0)" [disabled]="isSelect" (click)="reduction()" *ngIf="right['task']['batchDisable']">
            <span class="glyphicon glyphicon-ban-circle"></span> 关闭服务
            </button>

            <!-- 搜索 -->
            <app-task-search (searchOutput)="ParentSearch($event)" *ngIf="right['task']['query']"></app-task-search>
            <!-- 搜索 end-->
        </div>
        <!-- 操作 END -->
        <div class="container-fluid">
            <div class="info-center">
                <!-- 列表内容 BEGIN -->
                <div class="contain">
                    <app-task-table #table 
                                    [tableNumber]="tableNumber"
                                    (tabeListOutput)="ParentList($event)" 
                                    (isSelectFromTable)="isSelectFromTableHandler($event)"
                                    >
                    </app-task-table>
                </div>
                <!-- 列表内容 BEGIN -->
            </div>
            <div class="info-bottom">
				<!-- 分页 BEGIN -->
				<app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)" ></app-pagination>
				<!-- 分页 END -->
			</div>
        </div>
    </div>
</div>    
<!-- contain END -->

<!-- add -->
<app-task-add  (addOutput)="ParentAdd($event)"></app-task-add>
<!-- add end -->

<!-- delete -->
<app-task-delete (deleteOutput)="ParentDelete($event)"></app-task-delete>
<!-- delete end-->

<!-- details -->
<app-task-details></app-task-details>
<!-- details end -->

<!-- update -->
<app-task-update (updateOutput)="ParentUpdate($event)"></app-task-update>
<!-- update end -->